אני לא מעוניין שהטקסט בתפריט ברמה השלישית יישבר בלי שאני אגיד לו לעשות זאת...
הערה: זה לא אמור להיתמך ב-IE 8 ומטה. (לא שחס וחלילה חשבתי שמישהו מכם משתמש בו. :-))
הנה הקוד: http://jsfiddle.net/zefWL/

4 תשובות

avatar ענה intval ב 02 לפברואר 2013 #

הראיון היחידי שיש לי, זה לתת לתת תפריט רוחב מוגדר וקבוע
למשל בשורה 89 לכתוב width:200px

למה הוא עושה מעברי שורה כשה width = auto לא ברור לי.

avatar ענה OrelBeY ב 02 לפברואר 2013 #

רוחב קבוע לא יתאים...
שמתי לב שהרוחב של התפריט ברמה השלישית הוא בדיוק כמו זה של ההורה שלו - רמה שנייה. אם לרמה השנייה אין את ההגבלה הזאת (של הרוחב של הרמה הראשונה) - כנראה אפשר לעשות אותו דבר ברמה השלישית. השאלה היא איך.

avatar ענה intval ב 02 לפברואר 2013 #

ראיתי את זה. כנראה שהוא יורש את אותו רוחב.
תנסה לשאול ב stackoverflow

avatar ענה OrelBeY ב 02 לפברואר 2013 #

אוקיי. תודה.

עריכה:
הפתרון פשוט מאוד, אני לא מבין איך לא חשבתי עליו. פשוט להוסיף:

nav {
    white-space: nowrap;
}

ואז, אם אני ארצה לשבור את השורה באמצע - או שאני אקבע לה רוחב קבוע ואשנה את ה-white-space, או שאני פשוט אשים בה את האלמנט br.